<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>drygoods订单</title>
    <link rel="stylesheet" href="/static/search/css/index.css">
    <link rel="stylesheet" type="text/css" href="/static/search/font/iconfont.css">
    <link rel="stylesheet" href="/static/member/css/index.css">
    <style media="screen">
        * {
            font-family: "微软雅黑";
        }
    </style>
</head>

<body>
<div class="header_head">
    <div class="header_head_box">
        <b class="header_head_p">
            <div style="overflow: hidden">
                <a href="http://www.drygoods.top" class="header_head_p_a1" style="width:100px;">
                    drygoods首页
                </a>
            </div>
        </b>
        <ul>
            <li>
                <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/login.html"
                   class=" li_2">你好，请登录</a>
                <a th:if="${session.loginUser!=null}" class="aa" style="width: 100px">[[${(session.loginUser!=null)?session.loginUser.username:''}]]</a>
            </li>
            <li>
                <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/reg.html">免费注册</a>
            </li>
            <li>
                <a th:if="${session.loginUser!=null}" href="http://auth.drygoods.top/exit/loginUser">退出登录</a>
            </li>
            <span>|</span>
            <li>
                <a href="http://member.drygoods.top/orderList.html">我的订单</a>
            </li>

        </ul>
    </div>
</div>

<div style="clear:both;"></div>
<div id="big">
    <div id="bigLeft">
        <ul>
            <h5>订单中心</h5>
            <li><a style="color:#E4393C;font-weight:800;" href="http://member.drygoods.top/orderList.html">我的订单</a></li>
        </ul>
        <ul>
            <h5>关注中心</h5>
            <li>
                <a href="http://member.drygoods.top/followProduct.html">关注的商品</a>
            </li>
<!--            <li>-->
<!--                <a href="http://member.drygoods.top/couponList.html">优惠券</a>-->
<!--            </li>-->
            <ul>
                <h5>设置</h5>
                <li><a href="http://member.drygoods.top/members.html">个人信息</a></li>
                <li><a href="http://member.drygoods.top/membersAddress.html">收货地址</a></li>
            </ul>
        </ul>
    </div>
    <div id="bigRight">
        <div class="myOrder">
            <p>我的订单</p>
        </div>


        <div class="allBig">
            <div class="allOrder">
                <ul class="allOrderTop">
                    <li class="allOrderTopLastLi">
                        <div>
                            <input id="keyWord" type="text" placeholder="商品名称/订单号">
                            <button onclick="searchKey()" class="search"></button>
                            <button calss="gao">高级<i></i></button>
                        </div>
                    </li>
                    <div class="clear:both;"></div>
                </ul>

            </div>
            <div class="details">
                <ul class="detailsUl">
                    <div class="detailsUlDiv">
                        <li class="detailsLiok detailsLi"><span id="orderCreateTime">近三个月订单</span><i
                                class="allBig_i"></i>
                            <ol>
                                <a onclick="changeCreateTime(0)">近三个月订单</a><br>
                                <a onclick="changeCreateTime(1)">今年内订单</a><br>
                                <a onclick="changeCreateTime(2)">2021年订单</a><br>
                                <a onclick="changeCreateTime(3)">2020年订单</a><br>
                                <a onclick="changeCreateTime(4)">2019年订单</a><br>
                            </ol>
                        </li>
                        <li class="detailsLi">订单详情</li>
                        <div style="clear:both;"></div>
                    </div>

                    <li class="detailsLi1">收货人</li>
                    <li class="detailsLi1">金额</li>
                    <li class="detailsLi1 detailsLiok"><span id="statusContent"></span><i class="allBig_i"></i>
                        <ol>
                            <a onclick="changeStatus('')">全部状态</a><br>
                            <a onclick="changeStatus(0)">待付款</a><br>
                            <a onclick="changeStatus(1)">已付款</a><br>
                            <a onclick="changeStatus(2)">已发货</a><br>
                            <a onclick="changeStatus(3)">已完成</a><br>
                            <a onclick="changeStatus(4)">已取消</a><br>
                        </ol>
                    </li>
                    <li class="detailsLi1">操作</li>
                    <div style="clear:both;"></div>
                </ul>
            </div>
            <table class="table" th:each="order:${orderWithItems.page.list}">
                <tr>
                    <td colspan="7" style="background:#F7F7F7">
                        <span style="color:#AAAAAA" th:text="${order.modifyTime}">2017-12-09 20:50:10</span>
                        <span><ruby style="color:#AAAAAA">订单号:</ruby> [[${order.orderSn}]]</span>
                        <span>drygoods<i class="table_i"></i></span>
                        <i class="table_i5 isShow"></i>
                    </td>
                </tr>
                <tr class="tr" th:each="orderItem,itemStatus:${order.orderItems}">
                    <td colspan="3" style="border-right: 1px solid #ccc">
                        <a th:href="'http://item.drygoods.top/'+${orderItem.skuId}+'.html'">
                            <img style="height: 60px;width: 60px" th:src="${orderItem.skuPic}" alt="" class="img">
                        </a>
                        <div>
                            <a th:href="'http://item.drygoods.top/'+${orderItem.skuId}+'.html'">
                                <p style="width: 242px;height: auto;overflow: auto">[[${orderItem.skuName}]]</p>
                            </a>

                        </div>
                        <div style="margin-left:15px;">x[[${orderItem.skuQuantity}]]</div>
                        <div style="clear:both"></div>
                    </td>
                    <td th:if="${itemStatus.index==0}" th:rowspan="${itemStatus.size}" th:text="${order.receiverName}">
                        张三<i><i class="table_i1"></i></i></td>
                    <td th:if="${itemStatus.index==0}" th:rowspan="${itemStatus.size}"
                        style="padding-left:10px;color:#AAAAB1;">
                        <p style="margin-bottom:5px;">总额 ￥[[${order.payAmount}]]</p>
                        <hr style="width:90%;">
                        <p>在线支付</p>
                    </td>
                    <td style="border-right: 1px solid #ccc">
                        <ul>
                            <li style="color:#71B247;" th:if="${order.status==0}">待付款</li>
                            <li style="color:#71B247;" th:if="${order.status==1}">已付款</li>
                            <li style="color:#71B247;" th:if="${order.status==2}">已发货</li>
                            <li style="color:#71B247;" th:if="${order.status==3}">已完成</li>
                            <li style="color:#71B247;" th:if="${order.status==4}">已取消</li>

                            <a class="tdLi"
                               th:if="${(order.status==1||order.status==2||order.status==3)&&orderItem.commentTime==null}"
                               th:href="'http://comment.drygoods.top/comment.html?orderSn=' +${order.orderSn}+'&skuId='+${orderItem.skuId}">评价</a>
                        </ul>
                    </td>
                    <td th:if="${itemStatus.index==0}" th:rowspan="${itemStatus.size}">
                        <li style="color:black;" th:if="${order.status==0}">
                            <a th:href="'http://order.drygoods.top/payOrder?orderSn='+${order.orderSn}">
                                <button>去付款</button>
                            </a>
                            <a th:href="'http://order.drygoods.top/close/order/'+${order.orderSn}">
                                <p style="margin:4px 0; ">取消订单</p>
                            </a>

                        </li>
                        <li style="color:black;" th:if="${order.status==1}">
                            <a th:href="'http://order.drygoods.top/finish/order/'+${order.orderSn}">
                                <button>确认收货</button>
                            </a>
                            <p style="margin:4px 0; ">取消订单</p>
                        </li>
                        <li style="color:black;" th:if="${order.status==2}">
                            <button>确认收货</button>
                            <p style="margin:4px 0; ">取消订单</p>
                        </li>
                        <li style="color:black;" th:if="${order.status==3}">
                            (*^_^*)
                        </li>
                        <li style="color:black;" th:if="${order.status==4}">
                            /(ㄒoㄒ)/~~
                        </li>

                    </td>
                </tr>
            </table>


            <div class="order_btm">
                <div>
                    <button class="page_a"
                            th:attr="pn=${orderWithItems.page.currPage - 1}"
                            th:if="${orderWithItems.page.currPage>1}">上一页
                    </button>
                    <span th:text="${orderWithItems.page.currPage}">1</span>
                    <button class="page_a"
                            th:attr="pn=${orderWithItems.page.currPage + 1}"
                            th:if="${orderWithItems.page.currPage<orderWithItems.page.totalPage}">下一页
                    </button>
                </div>
            </div>
            <div style="clear:both;"></div>
        </div>


        <div class="mySwiper">
            <div class="mySwiper_like">
                <div class="left">猜你喜欢</div>
                <!--                <ol>-->
                <!--                    <li class="liList">1</li>-->
                <!--                    <li class="liList">2</li>-->
                <!--                    <li class="liList">3</li>-->
                <!--                    <div style="clear:both"></div>-->
                <!--                </ol>-->
                <div style="clear:both"></div>
            </div>
            <ul>
                <li style="display:block;">
                    <dl th:each="skuInfo:${likeSkuInfos}">
                        <dt>
                            <a th:href="'http://item.drygoods.top/'+${skuInfo.skuId}+'.html'">
                                <img style="width:100px;height:100px" th:src="${skuInfo.skuDefaultImg}" alt="">
                            </a>
                        </dt>
                        <dd>
                            <a th:href="'http://item.drygoods.top/'+${skuInfo.skuId}+'.html'">
                                <div th:text="${skuInfo.skuTitle}">花王 (Merries) 妙而舒 纸尿裤</div>
                            </a>
                            <p>¥[[${skuInfo.price}]]</p>
                        </dd>
                    </dl>
                    <div style="clear:both;"></div>
                </li>
            </ul>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

<div class="section_second">
    <!-- 第一层 -->
    <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
        <p class="section_second_header_img"></p>
        <li style="width: 247px;float: left;margin-left: 81px">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    品类齐全，轻松购物</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    多仓直发，极速配送</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    正品好货，精致服务</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 215px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    天天低价，畅选无忧</p>
            </div>
        </li>
        <br/><br><br>
        <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
        <div class="w" style="width: 1210px;text-align: center;margin-left: 130px;">
            <div class="copyright_links" style="margin: 0;padding: 0;">
                <p>
                    <a href="//about.jd.com"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/contact/"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//help.jd.com/user/custom.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//lai.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jzt.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//app.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//club.jd.com/links.aspx" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//media.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/privacy/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//gongyi.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//www.joybuy.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                        Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//corporate.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                        &amp; IR</a>
                </p>
            </div>
            <div class="copyright_info">
                <p>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                        11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                        href="http://beian.miit.gov.cn"
                        target="_blank"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jdwp.jd.com/544-2927.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                </p>
                <p><span class="copyright_text"
                         style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                        id="copyright_year"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                    <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="copyright_license">经营证照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="mod_business_license">营业执照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">增值电信业务经营许可证</a>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                    <a href="https://www.jdpay.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="https://www.jdcloud.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                </p>
            </div>
        </div>
    </div>


</div>

</body>
<script src="/static/member/js/jquery-3.1.1.min.js"></script>
<script src="/static/member/js/index.js"></script>
<script th:inline="javascript" type="text/javascript">

    function payOrder(orderSn) {
        window.location.href = "http://order.drygoods.top/payOrder?orderSn" + orderSn;
    }

    function changeStatus(date) {
        var href = location.href + "";
        // alert(href);
        location.href = replaceAndAddParamVal(href, "status", date + "", false);
        console.log(date);
        document.getElementById("statusContent").innerHTML = "全部状态";

    }

    function changeCreateTime(date) {
        let dateTime = new Date();
        let res = '';
        switch (date) {
            case 0:
                //近三个月
                res = dateTime.getFullYear() + "-" + (dateTime.getMonth() - 3) + "-" + dateTime.getDate() + "_";
                console.log(res);
                break;
            case 1:
                //今年内(2022)
                res = dateTime.getFullYear() + "_";
                break;
            case 2:
                //上一年
                res = (dateTime.getFullYear() - 1) + "_" + dateTime.getFullYear();
                break;
            case 3:
                //上两年
                res = (dateTime.getFullYear() - 2) + "_" + (dateTime.getFullYear() - 1);
                break;
            case 4:
                //上三年
                res = (dateTime.getFullYear() - 3) + "_" + (dateTime.getFullYear() - 2);
                break;
        }

        var href = location.href + "";
        // alert(href);
        location.href = replaceAndAddParamVal(href, "orderCreateTime", res + "", false);
        console.log(date);
    }

    $(".page_a").click(function () {
        var pn = $(this).attr("pn");

        var href = location.href + "";
        // alert(href);
        location.href = replaceAndAddParamVal(href, "page", pn + "", false);
        return false;
    })

    function searchKey() {
        var key = document.getElementById("keyWord").value;
        // alert(key);
        var href = location.href + "";
        // alert(href);
        location.href = replaceAndAddParamVal(href, "key", key + "", false);
        return false;
    }

    function replaceAndAddParamVal(url, paramName, replaceVal, force) {

        var oUrl = url.toString();
        var nUrl = "";
        if (oUrl.indexOf(paramName) != -1) {
            //替换
            if (force != null && force) {
                if (oUrl.indexOf("?") != -1) {
                    nUrl = oUrl + "&" + paramName + "=" + replaceVal;
                } else {
                    nUrl = oUrl + "?" + paramName + "=" + replaceVal;
                }
            } else {
                var re = eval('/(' + paramName + '=)([^&]*)/gi');
                nUrl = oUrl.replace(re, paramName + '=' + replaceVal);
            }
        } else {
            if (oUrl.indexOf("?") != -1) {
                nUrl = oUrl + "&" + paramName + "=" + replaceVal;
            } else {
                nUrl = oUrl + "?" + paramName + "=" + replaceVal;
            }
        }
        return nUrl;

    }

    window.οnlοad = changeStatusContent();

    function changeStatusContent() {
        let dateTime = new Date();

        document.getElementById("statusContent").innerHTML = "全部状态";
        var url = location.href;
        var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
        console.log(paraString);
        for (let i = 0; i < paraString.length; i++) {
            var paramName = paraString[i].substring(0, paraString[i].indexOf("="));
            var value = paraString[i].substring(paraString[i].indexOf("=") + 1);
            console.log(paramName, value);
            switch (paramName) {
                case "orderCreateTime":
                    switch (value) {
                        case dateTime.getFullYear() + "-" + (dateTime.getMonth() - 3) + "-" + dateTime.getDate() + "_":
                            document.getElementById("orderCreateTime").innerHTML = '近三个月订单';
                            break;
                        case dateTime.getFullYear() + "_":
                            document.getElementById("orderCreateTime").innerHTML = "今年内订单";
                            break;
                        case (dateTime.getFullYear() - 1) + "_" + dateTime.getFullYear():
                            document.getElementById("orderCreateTime").innerHTML = "2021年订单";
                            break;
                        case (dateTime.getFullYear() - 2) + "_" + (dateTime.getFullYear() - 1):
                            document.getElementById("orderCreateTime").innerHTML = "2020年订单";
                            break;
                        case (dateTime.getFullYear() - 3) + "_" + (dateTime.getFullYear() - 2):
                            document.getElementById("orderCreateTime").innerHTML = "2019年订单";
                            break;
                    }
                    break;
                case "status":
                    switch (value) {
                        case "0":
                            document.getElementById("statusContent").innerHTML = '待付款';
                            break;
                        case "1":
                            document.getElementById("statusContent").innerHTML = "已付款";
                            break;
                        case "2":
                            document.getElementById("statusContent").innerHTML = "已发货";
                            break;
                        case "3":
                            document.getElementById("statusContent").innerHTML = "已完成";
                            break;
                        case "4":
                            document.getElementById("statusContent").innerHTML = "已取消";
                            break;
                        default:
                            document.getElementById("statusContent").innerHTML = "全部状态";
                            break;
                    }
                    break;
            }
        }
    }

</script>
</html>
